<template>
	<div class="main">
		<navTop></navTop>
		<!-- <div class="breadBox">
			<div style="margin:0 auto;" :style="screenWidth>1440?'width:1440px;;':'width:1200px;min-width:1200px;'">
				<el-breadcrumb separator="/">
				<el-breadcrumb-item>学校信息</el-breadcrumb-item>
				<el-breadcrumb-item>题型管理</el-breadcrumb-item>
				</el-breadcrumb>
			</div>
		</div> -->
		<div class="contentboxset">
			<div class="breadBox" :style="screenWidth > 1400 ? 'width:1400px;' : 'width:1200px;min-width:1200px;'">
				<el-breadcrumb separator="/">
					<el-breadcrumb-item>作业</el-breadcrumb-item>
					<el-breadcrumb-item>学校信息</el-breadcrumb-item>
				</el-breadcrumb>
			</div>
		</div>
		<div class="contentMain">
			<div class="contentmaincontent" :style="screenWidth > 1400 ? 'width:1400px;' : 'width:1200px;min-width:1200px;'">
				<div class="searchlist">
					<router-link to="/studentinfo" active-class="hover">学生信息</router-link>
					<router-link to="/teacherinfo" active-class="hover">教师信息</router-link>
					<router-link to="/grademanagement" active-class="hover">年级管理</router-link>
					<router-link to="/classmanagement" active-class="hover">班级管理</router-link>
					<router-link to="/subjectmanagement" active-class="hover">科目管理</router-link>
					<!-- <router-link to="/subjectselectionmanagement" active-class="hover">选科管理</router-link> -->
					<router-link to="/topicmanagement" active-class="hover">题型管理</router-link>
					<!-- <router-link to="/" active-class="hover">上线管理</router-link> -->
					<!-- <router-link to="/taskset" active-class="hover">任务设置 </router-link> -->
				</div>
				<div class="overviewcontent">
					<div class="tableContent">
						<!-- @selection-change="handleSelectionChange" -->
						<el-table class="custom-table" ref="multipleTable" :data="studentlist" tooltip-effect="dark"
							stripe style="width: 100%"
							:header-cell-style="{ background: '#D8E4F0', color: '#2A303B', fontWeight: '500' }">
							<!-- <el-table-column
							type="selection"
							width="55">
							</el-table-column> -->
							<el-table-column prop="name" label="题型名称" width="90">
							</el-table-column>
							<el-table-column label="题型" width="90">
								<template slot-scope="scope">
									{{ scope.row.questionType == 1 ? '主观题' : '客观题' }}
								</template>
							</el-table-column>
							<el-table-column label="主/客观题" width="90">
								<template slot-scope="scope">
									{{ scope.row.questionType == 1 ? '主观题' : '客观题' }}
								</template>
							</el-table-column>
							<el-table-column label="所属学科">
								<template slot-scope="scope">
									<ul class="answerlist">
										<li v-for="item in scope.row.courses"
											:class="item.courName == '语文' ? 'ywcolor' : item.courName == '数学' ? 'sxcolor' : item.courName == '英语' ? 'yycolor' : item.courName == '物理' ? 'wlcolor' : item.courName == '化学' ? 'hxcolor' : item.courName == '生物' ? 'swcolor' : item.courName == '历史' ? 'lscolor' : item.courName == '地理' ? 'dlcolor' : 'zzcolor'">
											{{ item.courName }}</li>
									</ul>
								</template>
							</el-table-column>
							<el-table-column label="题型规则" width="400">
								<template slot-scope="scope" v-if="scope.row.questionType != 1">
									选择题{{ scope.row.optionCount }}选{{ scope.row.answerCount }};
									对选：{{ scope.row.yesChoose == 1 ? '满分' : scope.row.yesChoose == 2 ? '0分' : scope.row.yesChoose == 3 ? '不扣分' : scope.row.yesChoose == 4 ? '根据选项给分' : scope.row.yesChoose == 5 ? '给一半分' : scope.row.yesChoose == 6 ? '给一半分(0.5进位)' : '给一半分(舍去0.5)' }};
									错选：{{ scope.row.errorChoose == 1 ? '满分' : scope.row.errorChoose == 2 ? '0分' : scope.row.errorChoose == 3 ? '不扣分' : scope.row.errorChoose == 4 ? '根据选项给分' : scope.row.errorChoose == 5 ? '给一半分' : scope.row.errorChoose == 6 ? '给一半分(0.5进位)' : '给一半分(舍去0.5)' }};
									漏选：{{ scope.row.missingSelection == 1 ? '满分' : scope.row.missingSelection == 2 ? '0分' : scope.row.missingSelection == 3 ? '不扣分' : scope.row.missingSelection == 4 ? '根据选项给分' : scope.row.missingSelection == 5 ? '给一半分' : scope.row.missingSelection == 6 ? '给一半分(0.5进位)' : '给一半分(舍去0.5)' }}
								</template>
							</el-table-column>
							<el-table-column fixed="right" label="操作" align="center" width="100">
								<template slot-scope="scope">
									<div style="display: flex;justify-content: center;">
										<el-button @click="handleClick(scope.row)" type="text" size="small"
											style="display: flex;align-items: center;color:#295CFF"><img
												src="../../assets/image/school/edit.png"
												style="width:12px;margin-right:5px;" />编辑</el-button>
										<!-- <el-button type="text" size="small" style="display: flex;align-items: center;color:#EC555A"><img src="../../assets/image/school/del.png" style="width:12px;margin-right:5px;" />删除</el-button> -->
									</div>
								</template>
							</el-table-column>
						</el-table>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="examfooter">
			<div class="examFootercontent">
				<div class="totaldata">
					<span>已选<i>2</i>项 / 共100项</span>
					<em @click="chooseStudenttab">添加题型</em>
					<em>批量删除</em>
				</div>
				<div>
					<el-pagination
						background
					      @size-change="handleSizeChange"
					      @current-change="handleCurrentChange"
					      :current-page.sync="currentPage3"
					      :page-size="100"
						  :pager-count="5"
					      layout="prev, pager, next, jumper"
					      :total="1000">
					    </el-pagination>
				</div>
			</div>
		</div> -->
		<!-- 创建编辑学生 -->
		<div class="addExamMain" v-if="exditstudentIshow">
			<div class="addExamContent">
				<h3>创建/编辑题型规则</h3>
				<ul>
					<li>
						<span>题型名称：</span>
						<div class="inputBox">
							<el-input v-model="exitStudent.name" placeholder="请输入内容" disabled></el-input>
						</div>
					</li>
					<li>
						<span>题型：</span>
						<div class="inputBox">
							<el-input v-model="questionTypeName" placeholder="请输入内容" disabled></el-input>
						</div>
					</li>
					<li>
						<span>主/客观题：</span>
						<div class="inputBox">
							<el-input v-model="questionTypename1" placeholder="请输入内容" disabled></el-input>
						</div>
					</li>
					<li>
						<span>所属学科：</span>
						<div class="inputBox">
							<el-input v-model="courselist" placeholder="请输入内容" disabled></el-input>
							<!-- <el-select v-model="exitStudent.xb" multiple placeholder="请选择">
							  <el-option
								v-for="item in gradelist"
								:key="item.id"
								:label="item.name"
								:value="item.id">
							  </el-option>
							</el-select> -->
						</div>
					</li>
					<!-- <li>
						<span>题目规则：</span>
						<div class="inputBox">
							<el-select v-model="exitStudent.rule" placeholder="请选择">
							  <el-option
								v-for="item in gradelist"
								:key="item.id"
								:label="item.name"
								:value="item.id">
							  </el-option>
							</el-select>
						</div>
					</li> -->
					<li>
						<span>选项共 ：</span>
						<div class="inputBox2">
							<el-select v-model="exitStudent.optionCount" placeholder="请选择" disabled>
								<el-option v-for="item in gradelist" :key="item.id" :label="item.name" :value="item.id">
								</el-option>
							</el-select>
						</div>
						<span>正确答案共 ：</span>
						<div class="inputBox2">
							<el-select v-model="exitStudent.answerCount" placeholder="请选择" disabled>
								<el-option v-for="item in gradelist" :key="item.id" :label="item.name" :value="item.id">
								</el-option>
							</el-select>
						</div>
					</li>
					<li>
						<span>对选：</span>
						<div class="inputBox">
							<el-select v-model="exitStudent.yesChoose" placeholder="请选择">
								<el-option v-for="item in chooseselectdx" :key="item.id" :label="item.name"
									:value="item.id">
								</el-option>
							</el-select>
						</div>
					</li>
					<li>
						<span>错选 ：</span>
						<div class="inputBox">
							<el-select v-model="exitStudent.errorChoose" placeholder="请选择">
								<el-option v-for="item in chooseselectdx" :key="item.id" :label="item.name"
									:value="item.id">
								</el-option>
							</el-select>
						</div>
					</li>
					<!-- <li>
						<span>赋分开关：</span>
						<el-switch v-model="zhswitch"></el-switch>
					</li> -->
					<li>
						<span>漏选：</span>
						<div class="inputBox">
							<el-select v-model="exitStudent.missingSelection" placeholder="请选择">
								<el-option v-for="item in chooseselectdx" :key="item.id" :label="item.name"
									:value="item.id">
								</el-option>
							</el-select>
						</div>
					</li>
					<li style="color:red;" v-if="attentionIshow">
						<span></span>
						<i class="el-icon-warning-outline" style="margin-right:5px;"></i>{{ attention }}
					</li>
				</ul>
				<div class="groupbutton">
					<!-- <div style="width:100%;padding-bottom:14px;">
						<span style="color:#1664FF;font-size:14px;cursor: pointer;" @click="$router.push('/subjectmanagement')">新增选考科目</span>
					</div> -->
					<el-button type="primary" @click="exditstudentsure">保存</el-button>
					<el-button type="primary" @click="exditstudentgoback">返回</el-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import navTop from "../../components/homework/headtop.vue"
import { get, post, del, put } from '../../request/api.js'
import { mapGetters } from 'vuex';
export default {
	
	data() {
		return {
			addExamIshow: false,
			studentlist: [],
			gradelist: ['高一', '高二', '高三'],
			currentPage3: 4,
			gradeId: '',
			exditstudentIshow: false,
			exitStudent: {
				id: 0,
				name: "",
				questionType: 0,
				optionCount: 0,
				answerCount: 0,
				rule: "",
				description: "",
				subjectIds: []
			},
			zhswitch: false,
			// 满分/0分/不扣分/根据选项给分/给一半分（舍去0.5）/给一半分/给一半分（0.5进位）
			//   '满分','0分','不扣分','根据选项给分','给一半分（舍去0.5）','给一半分','给一半分（0.5进位）
			chooseselectdx: [{
				id: 1,
				name: '满分'
			}, {
				id: 2,
				name: '0分'
			}, {
				id: 3,
				name: '不扣分'
			}, {
				id: 4,
				name: '根据选项给分'
			}, {
				id: 5,
				name: '给一半分（舍去0.5）'
			}, {
				id: 6,
				name: '给一半分'
			}, {
				id: 7,
				name: '给一半分（0.5进位'
			}],
			attentionIshow: false,
			questiontypelist: [
				{
					id: 1,
					name: '单选题'
				}, {
					id: 2,
					name: '多选题'
				}, {
					id: 3,
					name: '判断题'
				}, {
					id: 4,
					name: '断句题'
				}, {
					id: 5,
					name: '填空题'
				}, {
					id: 6,
					name: '解答题'
				}, {
					id: 7,
					name: '附加题'
				}, {
					id: 8,
					name: '作文题'
				}, {
					id: 9,
					name: '小语种作文题'
				}
			],
			courselist: "",
			exitExamid: 0
		}
	},
	mounted() {
		this.questiontxlist()
	},
	computed: {
		questionTypeName() {
			const typeMap = {
				1: '单选题',
				2: '多选题',
				3: '判断题',
				4: '断句题',
				5: '填空题',
				6: '解答题',
				7: '附加题',
				8: '作文题',
				// 默认值
				default: '小语种作文题'
			};
			return typeMap[this.exitStudent.testQuestionType] || typeMap.default;
		},
		questionTypename1() {
			const typeMap = {
				1: '主观题',
				// 默认值
				default: '客观题'
			};
			return typeMap[this.exitStudent.questionType] || typeMap.default;
		},
		...mapGetters(['getScreenWidth']),
		screenWidth() {
			return this.getScreenWidth;
		},
	},
	methods: {
		handleClick(con) {
			this.exditstudentIshow = true
			this.exitExamid = con.id
			let obj = {
				id: con.id
			}
			get('/questionrules', obj).then(res => {
				this.exitStudent = res.data
				const courselist = con.courses.map(item => item.courName).join('、');
				this.courselist = courselist
			})
		},
		// 获取题型列表
		questiontxlist() {
			get('/questionrules/detailslist')
				.then(res => {
					if (res.code == 200) {
						this.studentlist = res.data
					} else {
						this.$message.error(res.message);
					}
				})
				.catch(error => {
					this.$message.error(error.message);
				})
		},
		handleCurrentChange() {

		},
		handleSizeChange() {

		},
		handleCheckAllChange(month, checked) {
			if (checked) {
				month.selected = month.options.map(option => option.value);
			} else {
				month.selected = [];
			}
			this.isIndeterminate(month);
		},
		isIndeterminate(month) {
			return month.selected.some(value => month.options.map(option => option.value).includes(value)) && month.selected.length !== month.options.length;
		},
		chooseStudenttab() {
			this.exditstudentIshow = true
		},
		exditstudentsure() {
			this.exditstudentIshow = false
			let obj = {
				id: this.exitExamid,
				yesChoose: this.exitStudent.yesChoose,
				errorChoose: this.exitStudent.errorChoose,
				missingSelection: this.exitStudent.missingSelection
			}
			put('/questionrules/update', obj).then(res => {
				if (res.code == 200) {
					this.$message.success('编辑成功');
					this.questiontxlist()
				} else {
					this.$message.error(res.message);
				}
			})
		},
		exditstudentgoback() {
			this.exditstudentIshow = false
		}
	},
	components: { navTop }
}
</script>

<style scoped>
.main {
	min-height: 100vh;
	;
	background: #F4F7FD;
}

/* .main::-webkit-scrollbar {
		 height:8px;
		background-color: #eee;
		border-radius:10px;
	}
	.main::-webkit-scrollbar-track {
		background-color: #eee;
		border-radius:10px;
	}
	.main::-webkit-scrollbar-thumb {
		background: #619CF5;
		border-radius: 10px;
	} */
.contentMain {
	width: auto;
	margin: 0 auto;
	padding-bottom: 70px;
}

.contentboxset {
	background: #fff;
	height: 32px;
	border-top: solid 2px #F4F7FD
}

.breadBox {
	width: 1400px;
	margin: 0 auto;
	min-width: 1200px;
	line-height: 32px;
}

.el-breadcrumb {
	width: auto;
	margin: 0 auto;
	line-height: 30px;
	font-size: 14px;
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
	color: #B3B8C2
}

.contentmaincontent {
	width: 1400px;
	margin: 0 auto;
}

.searchlist {
	box-sizing: border-box;
	width: auto;
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
	height: 54px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 0 24px;
	align-items: center;
	margin-top: 14px;
}

.searchlist {
	padding-left: 20px;
	display: flex;
	align-items: center;
	justify-content: left;
}

.searchlist a {
	display: block;
	color: #557292;
	font-size: 14px;
	width: 100px;
	text-align: center;
	position: relative;
	line-height: 52px;
}

.searchlist a:hover,
.searchlist a.hover {
	color: #295CFF;
}

.searchlist a:hover::after,
.searchlist a.hover::after {
	content: '';
	width: 24px;
	height: 4px;
	background: #295CFF;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.overviewcontent {
	background: #FFFFFF;
	box-shadow: 0px 4px 16px 0px rgba(85, 114, 146, 0.1);
	border-radius: 10px;
	width: auto;
	margin: 15px auto 0;
	padding-top: 24px;
}

.tableContent {
	padding: 0 24px 30px;
	border-radius: 10px;
}

.tableContent table {
	border-radius: 10px;
	border: 1px solid rgba(216, 228, 240, 0.5);
}

.tableContent table tr th {
	font-size: 14px;
	font-weight: normal;
	background: #E8F0FA;
	height: 49px;
}

.tableContent table tr th:first-child {
	border-radius: 8px 0 0 0;
}

.tableContent table tr th:last-child {
	border-radius: 0 8px 0 0;
}

.tableContent table tr td {
	height: 42px;
	text-align: center;
	font-size: 14px;
	border-right: solid 1px rgba(216, 228, 240, 0.34);
}

.tableContent table tr td:last-child {
	border-right: none;
}

.tableContent table tr td i {
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #999
}

.tableContent table tr td em {
	display: block;
}

.tableContent table tr td span {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tableContent table tr td span em {
	font-size: 12px;
	font-style: normal;
}

.tableContent table tr td span::after {
	content: '';
	width: 43px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	background: #000;
}

.tableContent table tr td span.green {
	color: #288F41
}

.tableContent table tr td span.green::after {
	content: '';
	width: 43px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	background: #288F41;
}

.tableContent table tr td span.blue {
	color: #295CFF
}

.tableContent table tr td span.blue::after {
	content: '';
	width: 43px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	background: #295CFF;
}

.tableContent table tr td span.red {
	color: #EC555A
}

.tableContent table tr td span.red::after {
	content: '';
	width: 43px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	background: #EC555A;
}

.tableContent table tr td span.gray {
	color: #D8E4F0
}

.tableContent table tr td span.gray::after {
	content: '';
	width: 43px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	background: #D8E4F0;
}

.tableContent table tr:nth-child(3n) {
	background: #FAFAFB
}

.examfooter {
	width: 100%;
	height: 54px;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0px 4px 16px 0px rgba(85, 114, 146, 0.1);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100
}

.examFootercontent {
	width: auto;
	padding: 0 40px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.examFootercontent .totaldata {
	font-size: 14px;
	color: #557292;
	display: flex;
	justify-content: left;
	align-items: center;
}

.examFootercontent .totaldata i {
	display: inline-block;
	color: #295CFF;
	font-style: normal;
	line-height: 54px;
	padding: 0 3px;
}

.examFootercontent .totaldata em {
	font-style: normal;
	width: 96px;
	height: 34px;
	border-radius: 10px;
	line-height: 34px;
	background: #295CFF;
	text-align: center;
	color: #fff;
	margin-left: 14px;
	cursor: pointer;
}

.examFootercontent .totaldata em:last-child {
	background: #EC555A;
}

.examFootercontent .totaldata>>>.el-pager li.active {
	background-color: #295CFF
}

.scorered {
	font-size: 14px;
	color: #EC555A;
	padding: 24px 0;
}

.custom-table {
	width: 100%;
	border: 1px solid rgba(216, 228, 240, 0.34);
	border-radius: 10px;
	border-right: none;
	border-bottom: none;
}

/* 自定义表格内部元素的样式 */
.custom-table>>>.el-table__header-wrapper th {
	background-color: #E8F0FA;
	height: 49px;
	padding: 0;
	text-align: center;
	font-weight: normal
}

.custom-table>>>.el-table__row td {
	height: 42px;
	padding: 0;
	text-align: center;
	border-bottom: none;
	border-right: solid 1px rgba(216, 228, 240, 0.34);
	font-size: 14px;
}

.el-table .warning-row {
	background: #ffffff;
}

.el-table .success-row {
	background: #D8E4F0;
}

.examFootercontent>>>.el-pagination__jump {
	margin-left: 5px;
}

.examFootercontent>>>.el-pager {
	margin-top: 2px;
}

.examFootercontent>>>.el-pager li {
	margin: 0 3px;
	min-width: 25px;
	height: 25px;
	line-height: 25px
}

.examFootercontent>>>.el-pagination button {
	height: 25px;
	line-height: 25px;
	margin-top: 2px;
}

.answerlist {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 0;
}

.smallsubject {
	width: 48px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	border-radius: 6px;
	margin: 0 5px;
	background: rgba(162, 53, 113, 0.06);
	border: 1px solid rgba(162, 53, 113, 0.5);
	color: #A23571;
}

.answerlist li {
	width: 48px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	border-radius: 6px;
	margin: 2px 5px;
}

.answerlist li.zzcolor {
	background: rgba(171, 81, 81, 0.06);
	border: 1px solid rgba(171, 81, 81, 0.5);
	color: #AB5151
}

.answerlist li.hxcolor {
	background: rgba(101, 120, 157, 0.06);
	border: 1px solid rgba(101, 120, 157, 0.5);
	color: #65789D
}

.answerlist li.dlcolor {
	background: rgba(84, 62, 164, 0.06);
	border: 1px solid rgba(84, 62, 164, 0.5);
	color: #8B659D
}

.answerlist li.wlcolor {
	background: rgba(101, 157, 113, 0.06);
	border: 1px solid rgba(101, 120, 157, 0.5);
	color: #543EA4
}

.answerlist li.swcolor {
	background: rgba(101, 157, 113, 0.06);
	border: 1px solid rgba(101, 157, 113, 0.5);
	color: #659D71
}

.answerlist li.lscolor {
	background: rgba(169, 140, 56, 0.06);
	border: 1px solid rgba(169, 140, 56, 0.5);
	color: #A98C38
}

.answerlist li.ywcolor {
	background: rgba(49, 121, 190, 0.06);
	border: 1px solid rgba(49, 121, 190, 0.5);
	color: #3179BE
}

.answerlist li.yycolor {
	background: rgba(162, 52, 113, 0.06);
	border: 1px solid rgba(162, 52, 113, 0.5);
	color: #A23571
}

.answerlist li.sxcolor {
	background: rgba(62, 146, 164, 0.06);
	border: 1px solid rgba(62, 146, 164, 0.5);
	color: #3E91A4
}

.addExamMain {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	z-index: 100;
}

.addExamContent {
	width: 584px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px 0px rgba(85, 114, 146, 0.1);
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	box-sizing: border-box;
	padding: 30px;
}

.addExamContent h3 {
	font-size: 18px;
	padding-bottom: 20px;
}

.groupbutton {
	display: flex;
	align-items: center;
	padding-top: 20px;
	justify-content: left;
	flex-wrap: wrap;
}

.groupbutton>>>.el-button {
	width: 124px;
	height: 34px;
	background: #295CFF;
	border-radius: 10px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0;
}

.groupbutton>>>.el-button:last-child {
	background: #F2F6FB;
	border-radius: 10px;
	border: 1px solid #295CFF;
	color: #295CFF;
	margin-left: 24px;
}

.addExamContent ul li {
	display: flex;
	align-items: center;
	padding-bottom: 14px;
	font-size: 14px;
}

.addExamContent ul li span {
	font-size: 14px;
	width: 100px;
	color: #557292;
	text-align: right;
}

.addExamContent ul li p {
	position: relative;
}

.addExamContent ul li p em {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #C0C4CC;
	cursor: pointer;
}

.addExamContent ul li>>>.el-input__inner {
	width: 400px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #D8E4F0;
}

.inputBox {
	width: 400px;
}

.inputBox1 {
	width: 300px;
}

.addExamContent ul li div.inputBox1>>>.el-input__inner {
	width: 300px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #D8E4F0;
}

.inputBox2 {
	width: 150px;
}

.addExamContent ul li div.inputBox2>>>.el-input__inner {
	width: 150px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #D8E4F0;
}

.addExamContent ul li div.inputBox2>>>.el-input__icon,
.addExamContent ul li div.inputBox1>>>.el-input__icon,
.addExamContent ul li>>>.el-input__icon {
	line-height: 34px;
}


.addExamContent ul li>>>.el-range__icon {
	line-height: 27px;
}

.groupbutton {
	display: flex;
	align-items: center;
	padding-top: 20px;
}

.groupbutton>>>.el-button {
	width: 124px;
	height: 34px;
	background: #295CFF;
	border-radius: 10px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0;
}

.groupbutton>>>.el-button:last-child {
	background: #F2F6FB;
	border-radius: 10px;
	border: 1px solid #295CFF;
	color: #295CFF;
	margin-left: 24px;
}

.bcontentcolor {
	font-size: 14px;
	color: #295CFF;
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;
}

.infosetcontentfont {
	color: #5B6371
}

.addExamContent ul li.infosetcontentfont span {
	width: auto;
	height: 26px;
	border-radius: 4px;
	border: 1px solid #D8E4F0;
	color: #B3B8C2;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
	padding: 0 16px 0 10px;
	margin-left: 10px;
}

.addExamContent ul li.infosetcontentfont i {
	font-style: normal;
	color: #295CFF;
	padding: 0 4px;
}

.addExamContent>>>.el-upload-dragger {
	width: 522px;
}

.uploadbox {
	width: 522px;
	height: 220px;
	position: relative;
}

.uploadbox a {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 14px;
	color: #295CFF;
}

.breadBox>>>.el-breadcrumb__inner a,
.breadBox>>>.el-breadcrumb__inner.is-link {
	font-weight: normal
}

.breadBox>>>.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.breadBox>>>.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.breadBox>>>.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.breadBox>>>.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
	font-weight: bold
}
</style>